Outline.html ver1.1
https://gyazo.com/2095358922a1476bf6c565fd86e67180
手動保存できるようにした
自動で保存するのとは別のデータをlocalStorage内に作成
バグが発生した時に備えて
「元に戻す」「やり直し」をできるようにした
ドラッグアンドドロップで移動するたびにsessionStorageにデータを保存
一応無制限に保存されて起動時まで遡れる
あまりにデータを作ってしまうと容量が心配なので時々リロードするかブラウザ閉じるかした方がいいなとは思う
最新30回分くらいにして古いのは随時消していった方が良いかな
メイン↔フォーカス間でD&Dした場合、行き先が適切でないとノードが虚数空間に飲み込まれて取り出せなくなる問題があるのでやり直せるようにする必要があった
D&Dの挙動自体を改良しないといけないけどその技術と気力がないので「失敗したら戻す」という策を講じた
詳細欄を折りたたみできるようにした（スクリーンショットでは表示している状態）
全体をScrapboxに出力できるようにした
スナップショット代わりに
フォーカス部分をScrapboxに出力/Markdown形式に変換できるようにした
Scrapboxに出力
https://gyazo.com/8d3bac57b15cbb52b8b56d24182ae21a
（左の灰色の数字は全然関係ないCSS設定です）
Markdown形式に変換
https://gyazo.com/1914610e02cb5e57643e1a414d4016a1
所感
保存機能を作ったことによりバグの恐ろしさはだいぶ和らいだ
フォーカスした範囲を出力するのは如何にも便利そうな雰囲気を漂わせているけど実際使うことがあるのかは微妙
最初からそっちで書けばいいよねという
とはいえ独自形式から他の形式に変換できないと不自由なのでとりあえず簡単にScrapboxやMarkdownに転記できるようになったのはよかった
まあDynalistからScrapboxやMarkdownに移したいこともなくはないから普通に使うかもしれない
正直JavaScriptよりCSSの方が面倒くさいな…
あちこち表示が揃ってないけど直すのが億劫